overviewControls: Use ease-out-sine when entering overview and app grid

Using animations with slower initial curves on display-wide
layout shifts may provide a smoother experience to users of
low(er) refresh rate and/or large(r) displays, as they avoid
skipping large chunks of frames, making it less choppy at
the beginning of the animation.

Part-of: <https://gitlab.gnome.org/GNOME/gnome-shell/-/merge_requests/4000>

diff --git a/js/ui/overviewControls.js b/js/ui/overviewControls.js
index c86a0299058d4d9d24d398dff4e24cbe52215de7..478318bd503eefc40a6b90d4d1a10a1e7b09913b 100644 (file)
--- a/js/ui/overviewControls.js
+++ b/js/ui/overviewControls.js
@@ -653,7 +653,7 @@ class ControlsManager extends St.Widget {
         this._stateAdjustment.remove_transition('value');
         this._stateAdjustment.ease(value, {
             duration: SIDE_CONTROLS_ANIMATION_TIME,
-            mode: Clutter.AnimationMode.EASE_OUT_QUAD,
+            mode: Clutter.AnimationMode.EASE_OUT_SINE,
         });
     }
 
@@ -724,7 +724,7 @@ class ControlsManager extends St.Widget {
         this._stateAdjustment.value = ControlsState.HIDDEN;
         this._stateAdjustment.ease(state, {
             duration: Overview.ANIMATION_TIME,
-            mode: Clutter.AnimationMode.EASE_OUT_QUAD,
+            mode: Clutter.AnimationMode.EASE_OUT_SINE,
             onStopped: () => {
                 if (callback)
                     callback();